.home__featured-items {

    padding-left: 0;
    padding-right: 0;

    @media screen and (min-width: $canvasMedium) {
        @include pxRem(padding-left, 30px);
        @include pxRem(padding-right, 30px);
    }

    .featured-title {
        margin: 0;
        @include pxRem(font-size, $fontSize * 1.5 * 1px);
        color: $purewhite;

        @media screen and (min-width: $canvasMedium) {
            @include pxRem(margin-top, 20px);
        }

        @media screen and (min-width: $canvasLarge) {
            @include pxRem(margin-top, 50px);
        }
    }

    .featured-subtitle {
        margin: 0;
        @include pxRem(font-size, $fontSize * 1px);
        color: $purewhite;
        font-style: italic;
        font-weight: 100;
    }

    .featured-block {
        width: 100%;
        padding: 30px;

        @media screen and (min-width: $canvasMedium) {
            width: 100%;
            height: 172px;
            padding: 30px;
        }

        @media screen and (min-width: $canvasLarge) {
            width: 474px;
            height: 250px;
            padding: 30px;
        }
    }

    .featured-block--color {
        background-color: $black;
    }
}
